<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" >
	$(function(){
		
		$("#btnClick").click(function(){
			var option = {
				name:$("#txtContent").val()
			};
			$("#txtName").load("load.php",option);
		});
		
		
		$("#btnAjax").click(function(){
			$.ajax({
				url:"lianxi02.php",
				type:"POST",
				dataType:"json",
				async:false,			
				data:{name:$("#txtContent").val()},
				success: function(data){
						console.log(data);
						$("#txtName").html(data);
					},
				});
		});	
	});
</script>
</head>
	
<body>
<input type="text" id="txtContent"/>
<button id="btnAjax">Ajax()</button>
<button id="btnClick">Load()</button>
<div id="txtName"></div>
</body>
</html>
